﻿  .pg-normal {
            color: black;
            font-weight: normal;
            text-decoration: none;
            cursor: pointer;
        }

        .pg-selected {
            color: black;
            font-weight: bold;
            text-decoration: underline;
            cursor: pointer;
        }

body {
   
    padding-bottom: 20px;
    font-family: Roboto-Regular;
   
    
   
    
}

@font-face {
	font-family: 'Roboto-Light';
	src: url('/fonts/Roboto-Light-webfont.ttf') format("truetype");
   
}

@font-face {
	font-family: 'Roboto-Regular';
	src: url('/fonts/Roboto-Regular-webfont.ttf') format("truetype");
   
}

footer {
   text-align: center;
    height: auto;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-top: 10%;
    
}


    .navbar-custom {
    background:transparent;
     border: 0;
}

  


.signupLogo {
    color: white;
    text-align: center;
    font-size: 45px;
   background-image:url(bg3.jpg);
   width: 100%;
   height: auto;
}

.login{
        text-align: center;
  
}


.signupfamily {
    text-align: center;
  
}
.signupfamily input[type=text] {
    margin-right: 10px;

}

.signupfamily input[type=password] {
    margin-right: 10px;

}
.spacer0{
    margin-top: 7px;
}

.spacer1{
    margin-top: 1%;
}

.spacer2{
    margin-top: 2%;
}
.spacer3{
    margin-top: 3%;
}
.spacer4{
    margin-top: 4%;
}
.spacer5{
    margin-top: 5%;
}
.spacer6{
    margin-top: 6%;
}
.spacer7{
    margin-top: 7%;
}
.spacer8{
    margin-top: 8%;
}
.spacer9{
    margin-top: 9%;
}
.spacer10{
    margin-top: 10%;
}
.spacer11{
    margin-top: 11%;
}
.spacer12{
    margin-top: 12%;
}
.spacer13{
    margin-top: 13%;
}
.spacer14{
    margin-top: 14%;
}
.spacer15{
    margin-top: 15%;
}


#signupDrop {
    text-align: center;

}

.checkbox1 {
    text-align: center;
    
}

.checkbox2 {
    text-align: center;
    color:white;
    
}

.dropdown {
    text-align: center;
}
.centerDropdown {
 left: 50%;
  right: auto;
  text-align: center;
  transform: translate(-50%, 0);
}
.under {
    text-align:center;
}
.loginheader{
    text-align: center;
    font-size: 40px;
    color:white;
    font-weight:100;
    
}
.loginheaderlower{
    text-align: center;
    font-size: 26px;
     color:white;
    
}

/*Account Manage Page*/

.manageheader{
    
	
     background-image: url("managebg.jpg");
    background-repeat: no-repeat;
    padding-top: 5%;
    padding-bottom: 5%;
    
}

.manageheader .headerName{
	
	color: #fff;
	
	font-size: 40px;
	font-weight: 100;
    text-align : left;
    padding-left: 18%;
}

.manageheader .headerEmail{
	
	color: #fff;
	
	font-size: 26px;
	font-weight: 100;
    text-align : left;
    padding-left: 18%;
    padding-top: 5px;
}

.manageaccount{
    font-size: 26px;
    text-align: left;
}

.manageserve{
    font-size: 15px;
     text-align: left;
}

.managephone{
    font-size: 15px;
     text-align: left;
}

.managepassword{
    font-size: 15px;
      text-align: left;
}

.servebutton{
    text-align: center;
}



.asText {
background:none;
border:none;
margin:0;
padding:0;
}

.under input[type=submit]{
	width: 170px;
	height: 40px;
	background: #3f8fcd;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 2px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 500;
	padding: 0px;
	
    margin-left: 5px;
    margin-bottom: 10%;
}

.managebutton input[type=button]{
	width: 170px;
	height: 40px;
	background: #3f8fcd;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 2px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 500;
	padding: 0px;
	
    margin-left: 5px;
    margin-bottom: 10%;
}

.managebutton input[type=submit]{
	width: 170px;
	height: 40px;
	background: #3f8fcd;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 2px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 500;
	padding: 0px;
	
    margin-left: 5px;
    margin-bottom: 10%;
}

.ui-menu { width: 150px; }


/* Portal Css*/
.EventTitle{
    font-size: 30px;
    text-align: left;
}

.EventTime{
    font-size: 30px;
     text-align: left;
}
.familynames{
     font-size: 25px;
    text-align: left;
}
.familynames1{
     font-size: 25px;
    text-align: right;
}

.modalsignup input[type=button]{
	width: 270px;
	height: 40px;
	background: #3f8fcd;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 2px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 500;
	padding: 0px;
	
    margin-left: 5px;
    margin-bottom: 10%;
}

/* Set padding to keep content from hitting the edges */
.body-content {
   
    
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

#navbar-nav ul{
    display : none;
}
#navbar-nav li:hover > ul{
    display : block;
}

 .navbar .nav > li > a {
    float: none;
    color: #3f8fcd;
    background: transparent;
    font-size: 18px;

}
.navbar .nav > li > a:hover {
    float: none;
    color: #9397a0;

}
.navbar .nav > li > a:visited {
    float: none;
    color: #3f8fcd;

}

.eventsignuplink{
    font-size: 25px;
}

.fbbutton {
    text-align:center;
}
.spacerbuttons{
    margin-right: 20px;
}
.dropdown-menu{
    text-align:left;
}
.former1{
    text-align:right;
}
.former2{
    text-align:left;
}
.former3{
    text-align:center;
}
.loginbag{
    color: white;
}
.loginbag1{
    color:red;
}